<template>
  <div class="article-time">
    <p class="created-time">
      发布时间:
      <span>{{wordTime.created_at}}</span>
    </p>
    <p class="updated-time">
      最后修改:
      <span>{{wordTime.updated_at}}</span>
    </p>
  </div>
</template>

<script>
export default {
  props: {
    wordTime: {
      type: Object,
      required: true,
      default() {
        return {}
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.article-time {
  padding: 10px 20px;
  background-color: #fff;
  border-top: 1px solid #f2f2f2;

  p {
    margin: 0;
    color: #888;

    span {
      color: #424242;
    }
  }
}
</style>